<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<meta charset="UTF-8">
		<title>霞客约车送包车打折券</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="${ctxStatic }/nineCupons/css/mui.min.css" rel="stylesheet" />
	</head>
    <style>
    	body{background: #fff;}
    	.chartere_banner,.charaed_box{width: 100%;float: left;}
    	.chartere_banner img{width: 100%;float: left;}
    	.mui-input-group{margin-top: 50px;}
    	.mui-input-group:before{background: none;}
    	.mui-input-group:after{background: none;}
    	.mui-input-group .mui-input-row:after{background: none;}
    	.mui-input-row{text-align: center;}
    	.mui-input-row input{font-size:14px;width: 60%;height: 38px;border: 1px solid #C8C7CC;border-radius: 3px;}
    	.receive_btn{margin-top: 20px;text-align: center;}
    	.receive_btn button{width: 70%;height: 40px;font-size: 14px;color: #fff;border-radius: 3px;background: #ff6801;border: 0;}
       .mui-popup-button{color: #16C59B;}
    </style>
	<body>
		<div id="Chartered">
			<div class="mui-content">
				 <div class="chartere_banner">
				 	 <img src="${ctxStatic }/nineCupons/img/nine.png" />
				 </div>
				 <div class="charaed_box">
				 		<form class="mui-input-group">
				 		    <div class="mui-input-row">
				 		        <input type="text" id="chartered_ip" placeholder="请输入手机号码" name="tel">
				 		    </div>
				 		    <div class="receive_btn">
				 		    	 <button type="button" class="receive_bkn">领取红包</button>
				 		    </div>
				 		</form>
				 </div>
			</div>
		</div>
		<script src="${ctxStatic }/nineCupons/js/mui.min.js"></script>
		<script type="text/javascript" src="${ctxStatic }/nineCupons/js/zepto_1.1.3.js" ></script>
		<script type="text/javascript">
			mui.init();
			Zepto(function(){
				$(".receive_bkn").click(function(){
					$.post('${ctxFront}/mobile/nineCuponsWeb',$("form").serialize(),function(data){
						if(data.result){
			                mui.alert("提交成功");
			              }else{
			            	  mui.alert(data.msg);
			                if(data.down!=null&&data.down){
			                	setTimeout("window.location.href='http://www.xiakeyueche.com/download.jsp'", 2000);
			                }
			              }
					},"json");
			});
			})
	
			
		</script>
	</body>

</html>